import React from "react";

exports.initCrossRequest = function (fn) {
	let startTime = 0;
	let _crossRequest = setInterval(() => {
		startTime += 500;
		if (startTime > 5000) {
			clearInterval(_crossRequest);
		}
		if (window.crossRequest) {
			clearInterval(_crossRequest);
			fn(true);
		} else {
			fn(false);
		}
	}, 500);
	return _crossRequest;
};

CheckCrossInstall.propTypes = {
	hasPlugin: PropTypes.bool
};

function CheckCrossInstall(props) {
	const hasPlugin = props.hasPlugin;
	return (
		<div class={hasPlugin ? null : "has-plugin"}>
			{hasPlugin ? (
				""
			) : (
				<Alert
					message={
						<div>
							重要：当前的接口测试服务，需安装免费测试增强插件,仅支持 chrome
							浏览器，选择下面任意一种安装方式：
							{/* <div>
                <a
                  target="blank"
                  href="https://chrome.google.com/webstore/detail/cross-request/cmnlfmgbjmaciiopcgodlhpiklaghbok?hl=en-US"
                >
                  [Google 商店获取（需翻墙]
                </a>
              </div> */}
							<div>
								<a
									target="blank"
									href="https://juejin.im/post/5e3bbd986fb9a07ce152b53d">
									{" "}
									[谷歌请求插件详细安装教程]{" "}
								</a>
							</div>
						</div>
					}
					type="warning"
				/>
			)}
		</div>
	);
}

export default CheckCrossInstall;
